<template>
  <div id="AboutMe">
    <el-timeline>
      <el-timeline-item
        v-for="(activity, index) in activities"
        :key="index"
        :icon="activity.icon"
        :type="activity.type"
        :color="activity.color"
        :size="activity.size"
        :timestamp="activity.timestamp">
        {{ activity.content }}
      </el-timeline-item>
    </el-timeline>
  </div>
</template>

<script>
export default {
  name: 'AboutMe',
  data() {
    return {
      activities: [
        {
          content: '德恒成立25周年，成功举办“中国特色律师发展之路”大型研讨会',
          timestamp: '2021-03-12',
          size: 'large',
          type: 'warning',
          icon: 'el-icon-more'
        },
        {
          content: '德恒为南水北调中线干线局提供全程法律服务',
          timestamp: '2018-04-12',
          size: 'large',
          type: 'success',
          icon: 'el-icon-more'
        },
        {
          content: '德恒与西荷兰外国投资局合作设立北京办公室',
          timestamp: '2018-04-12',
          size: 'large',
          type: 'info',
          icon: 'el-icon-more'
        },
        {
          content: '德恒深圳办公室成立',
          timestamp: '2018-04-12',
          size: 'large',
          type: 'primary',
          icon: 'el-icon-more'
        }, {
          content: '中国首个国外分所—德恒海牙分所成立',
          timestamp: '2018-04-12',
          size: 'large',
          type: 'danger',
          icon: 'el-icon-more'
        }
        , {
          content: '德恒为96 三峡“金边”债券发行提供服务',
          timestamp: '1998-11-02',
          size: 'large',
          type: 'success',
          icon: 'el-icon-more'
        }
        , {
          content: '中国律师事务中心成立',
          timestamp: '1993-03-11',
          size: 'large',
          type: 'primary',
          icon: 'el-icon-more'
        }
      ]
    }
  }
}
</script>

<style scoped lang="scss">
#AboutMe{
  display: flex;
  justify-content: center;
}
</style>
